<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>冰果商品详情</title>
    <link href="../public/css/animate.min.css" rel="stylesheet" type="text/css">
    <link href="../public/css/swiper.min.css" rel="stylesheet" type="text/css">
    <link href="../public/less/navigation.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="css/videogoodsdetails.css">
    <script type="text/ecmascript" src="../public/js/lib/md5.js"></script>
    <script src="../public/js/lib/flexible.js"></script>
    <script src="../public/js/lib/zepto.min.js"></script>
    <script src="../public/js/lib/swiper.min.js"></script>
    <script src="../public/js/plugins/navigation.js"></script>
    <script type="text/javascript" src="js/videogoodsdetails.js"></script>
</head>
<body>
<div class="glo">
    <div class="nav-header">
        <div class="back">
            <i class="back-view"></i>
        </div>
        <div :value="activeTab" class="nav-tab">
            <div class="tab-item">
                <div>商品详情</div>
            </div>
        </div>
        <div class="more">
            <i class="more-view"></i>
        </div>
    </div>
    <div class="content">
        <div class="play-more"></div>
        <div class="e-video"><img src="images/ddd.png"></div>
        <div class="tab2-cont">
            <div class="goods-annunciate">
                <div class="yh-name">
                    特价优惠仅限今天
                </div>
                <div class="yu-value">
                    <div>2017年9月30日23:59:59结束</div>
                </div>
            </div>
            <div class="goods-model">
                <div class="specifica-goods">
                    <div class="goods-title">飞利浦（PHILIPS）电动剃须刀 全身水洗 抗菌刀头 刮胡刀 S118/02</div>
                    <div class="goods-title-sub">飞利浦（PHILIPS）电动剃须刀 全身水洗 抗菌刀头 刮胡刀 S118/02</div>
                    <div class="goods-detail">
                        <div class="goods-price">
                            <span class="reality-goods-price">￥100</span>
                            <span class="original-goods-price">￥200</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="goods-type">
                <div class="yh-name">
                    <span>优惠：</span>
                    <span>满599减100</span>
                </div>
                <div class="yu-value">
                    <div class="item-center">
                        <span>2个优惠</span>
                        <div class="yu-img"></div>
                    </div>
                </div>
            </div>
            <div class="goods-type">
                <div class="yhdeta-eve">
                    <div class="yhdeta-eve-img"></div>
                    <span>七天无理由</span>
                </div>
                <div class="yhdeta-eve">
                    <div class="yhdeta-eve-img"></div>
                    <span>极速发货</span>
                </div>
            </div>
            <div class="goods-type">
                <div class="type-eve">
                    <span>已选：“</span>
                    <span>现货/6个工作日发货</span>
                    <span>”</span>
                </div>
                <div class="type-eve">
                    <span>，未选择型号</span>
                </div>
            </div>
            <div class="goods-type0">
                偏远地区不属于包邮范围请联系客服
            </div>
        </div>
        <div class="param-list">
            <div class="goods-type">
                <div class="type-eve">
                    <div class="type-eve-img"></div>产品参数
                </div>
            </div>
            <ul>
                <li>
                    <span class="title-type">品名</span>
                    <span>猪肉</span>
                </li>
                <li>
                    <span class="title-type">品牌</span>
                    <span>豪大大</span>
                </li>
                <li>
                    <span class="title-type">保质期</span>
                    <span>一天</span>
                </li>
                <li>
                    <span class="title-type">保质期</span>
                    <span>一天</span>
                </li>
                <li>
                    <span class="title-type">保质期</span>
                    <span>一天</span>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="details-operate">
    <div class="operate-content">
        <a class="operate-collect" @click="collectGoods" v-if="!collection">
            <div class="collect-icon"></div>
            <p>客服</p>
        </a>
        <a class="operate-collect" @click="collectGoods" v-if="collection">
            <div class="collect-icons"></div>
            <p>收藏</p>
        </a>
        <a class="operate-cart" @click="toCart">
            <div class="cart-icon"></div>
            <p>购物车</p>
        </a>
        <a class="operate-addcart">加入购物车</a>
        <a class="operate-buynow">立即购买</a>
    </div>
</div>
<div class="model">
    <div slot="addCart" class="add-cart-content">
        <div class="cart-body">
            <div class="cart-header">
                <img src="images/ddd.png">
                <p class="goods-price">￥1800</p>
                <p class="goods-hscode">选择型号</p>
                <i class="close-icon">
                    <div class="close-icon-img"></div>
                </i>
            </div>
            <div class="cart-warpper">
                <div>
                    <!--<p class="specifi">规格</p>-->
                    <div class="specifi-type">
                        <div class="specifi-type-every">
                            规格1规格1
                        </div>
                        <div class="specifi-type-every">
                            规格分类
                        </div>
                        <div class="specifi-type-every">
                            规格分类XXXXXX
                        </div>
                        <div class="specifi-type-every">
                            规格分类XXXXXX
                        </div>
                        <div class="specifi-type-every">
                            规格分类XXXXXX
                        </div>
                    </div>
                </div>
                <div class="selec-num">
                    <div class="select-num-title">选择数量</div>
                    <div class="select-num-content">
                        <div class="add-num">-</div><div class="value-num">1</div><div class="add-add">+</div>
                    </div>
                </div>
            </div>
            <div class="cart-footer">
                立即购买
            </div>
        </div>
    </div>
</div>
</body>
</html>
